<template>
  <!--会员专享页面-->
  <div>
    <p><img src="../../../assets/swiper.png" alt="" width="100%"></p>

    <div class="msg" v-for="item in continueCardList">
      <div class="weui-media-box weui-media-box_appmsg">
        <div class="weui-media-box__hd">
          <img src="../../../assets/lipinjinka.png" alt="" class="weui-media-box__thumb">
        </div>
        <div class="weui-media-box__bd" @click="goDingdan(item.goodsId)">
          <h4 class="weui-media-box__title">{{item.goodsName}}</h4>
          <p class="weui-media-box__delete">{{item.goodsPrice}}元</p>
          <p class="weui-media-box__desc">{{item.newPrice}}元  <span class="status "><img src="../../../assets/qianggou.png" alt="" width="16">限时抢购中</span></p>
        </div>
      </div>
    </div>

  </div>
</template>

<script type="text/ecmascript-6">
  import {oldVipDiscount} from '../../../../test/unit/http'
  import {Toast} from 'we-vue'
  export default {
    name: 'zhuanxiang',
    props: {},
    data() {
      return {
        continueCardList: []
      };
    },
    methods: {
      getOldVipDiscount(params){
        var that = this;
        oldVipDiscount(params).then(res => {
          console.log(res);
          if (res.code == 100) {
            that.continueCardList = res.object;
          } else {
            Toast.fail(res.info)
          }
        })
      },
      goDingdan(goodsId){
        this.$router.push({path: '/jinkadetail', query: {goodsId: goodsId,enterType:2}})
      }
    },
    created() {
      this.getOldVipDiscount({});
    },
    components: {}
  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  .msg {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    .weui-media-box_appmsg .weui-media-box__hd {
      width: 90px;
      height: 80px;
    }
    .weui-media-box__delete {
      text-decoration: line-through;
      color: #999;
    }
    .weui-media-box__desc {
      font-size: 18px;
      color: #ff8551;
      .status {
        font-size: 12px;
        color: #2e94f0;
        float: right;
        img {
          vertical-align: middle;
          margin-right: 5px;
        }
      }
    }
    .state {
      color: #e96774;
      font-size: 12px;
      margin-left: 5px;
    }

  }
</style>
